<script type="text/javascript" src="<?php echo base_url(); ?>MultiDatesPicker/js/jquery-1.7.2.js"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>MultiDatesPicker/js/jquery.ui.core.js"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>MultiDatesPicker/js/jquery.ui.datepicker.js"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>MultiDatesPicker/jquery-ui.multidatespicker.js"></script>
<link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>MultiDatesPicker/css/mdp.css">
<script src="<?php echo base_url(); ?>chosen/chosen.jquery.js" type="text/javascript"></script>

<form class="form-horizontal well">
    <fieldset>
        <legend>Modificar Ciclo Académico</legend>
        <div id="mensajeControl" style="display: none">
            <button ty  pe="button" class="close" data-dismiss="alert">×</button>
        </div>
        <div id="completarCampos" style="display:none"> 
            <h5>Complete los campos en rojo</h5>
        </div>
        <div class="row-fluid">
            <div class="span12">
                <div class="control-group">
                    <label class="control-label">Ciclo</label>
                    <div class="controls">
                        <input type="text" id="idCiclo" value="<?php echo $ciclo; ?>" disabled>
                    </div>
                </div>
            </div>
        </div>

        <div class="row-fluid">
            <div id="tabla_ver_ciclo_academico">
                <!--<div  style='overflow:scroll; height:400px'>-->
                <div>
                    <table class='table'>
                        <thead>
                            <tr>
                                <th>N° Semana</th> <th>Fecha Inicio</th> <th>Fecha Fin</th>
                            </tr>
                        </thead>
                        <tbody>
                            <?php
                       
                            foreach ($semanas as $semana) {
                                
                                ?>
                                <tr class='tr_hover_nothing' onmouseover="this.className = 'tr_hover_color';"
                                    onmouseout="this.className = 'tr_hover_nothing';">
                                    <td align='center' valign='middle' style='display:none'><input id="idSemana<?php echo $semana['numSemana']; ?>"  value="<?php echo $semana['idSemana']; ?>" type="text" ></td>
                                    <td align='center' valign='middle'><input id="semana<?php echo $semana['numSemana']; ?>"  value="<?php echo $semana['numSemana']; ?>" class="input-mini" type="text" disabled></td>
                                    <?php if ($semana['numSemana'] == "1") { ?>
                                        <td align='center' valign='middle'><input id="fechaIni<?php echo $semana['numSemana']; ?>" value="<?php echo $semana['fechaIni']; ?>" class="input-medium" type="date" <?php if ($semana['numSemana'] == "1") { ?> onblur="completar_fechas();" <?php } ?> > </td>
                                        <td align='center' valign='middle'><input id="fechaFin<?php echo $semana['numSemana']; ?>" value="<?php echo $semana['fechaFin']; ?>" class="input-medium" type="date" disabled ></td>
                                    <?php } else { ?>
                                        <td align='center' valign='middle'><input id="fechaIni<?php echo $semana['numSemana']; ?>" value="<?php echo $semana['fechaIni']; ?>" class="input-medium" type="date" disabled> </td>
                                        <td align='center' valign='middle'><input id="fechaFin<?php echo $semana['numSemana']; ?>" value="<?php echo $semana['fechaFin']; ?>" class="input-medium" type="date" disabled ></td>
                                    <?php } ?>
                                </tr>
                                <?php
                            }
                            ?>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <input type="text" id="fechaMultiple_temp" style="display:none;" value=<?php echo $feriados; ?> >
        <input type="text" id="fechaExamenes_temp" style="display:none;" value=<?php echo $examenes; ?> >

        <a class="btn btn-info" onclick="$('input[id=fechaMultiple]').focus();">Modificar Feriados</a>
        <a class="btn btn-info" onclick="$('input[id=fechaExamenes]').focus();">Modificar Exámenes</a>
        
        <input type="text" id="fechaMultiple" style="display:none;">
        <input type="text" id="fechaExamenes" style="display:none;">
        
        <div class="row-fluid">
            <div class="form-actions">
                <a class="btn btn-primary" onclick="modificar_semanas_ciclo_academico();" >Modificar</a>
                <a class="btn btn-primary" onclick="atras_ciclo_academico();" >Atrás</a>
            </div>
        </div>

    </fieldset>
</form>

<script type="text/javascript">
    
    $(document).ready(function() {

        var feriados = $("#fechaMultiple_temp").val();
        var arrayFeriados = feriados.split(',');

        for(var i=0 ; i<arrayFeriados.length ; i++) {

            $("#fechaMultiple").multiDatesPicker({
                addDates: [arrayFeriados[i]]
            });
            
        }

        var examenes = $("#fechaExamenes_temp").val();
        var arrayExamenes = examenes.split(',');

        for(var j=0 ; j<arrayExamenes.length ; j++) {

            $("#fechaExamenes").multiDatesPicker({
                addDates: [arrayExamenes[j]]
            });
            
        }

    });
</script>

<!--<script type="text/javascript">
                                $(document).ready(function() {

                                  var examenes = $("#fechaExamenes_temp").val();

                                  var arrayExamenes = examenes.split(',');

                                  for (var i = 0; i <arrayExamenes.length; i++) {
                                    var arreglo=arrayExamenes[i].split('-');
                                    var año = arreglo[0];
                                    var mes=arreglo[1];
                                    var dia=arreglo[2];


                                        $("#fechaExamenes").multiDatesPicker({

                                            addDates: [mes+'/'+dia+'/'+año],
                                            numberOfMonths: [1,1]

                                        });

                                    }

                                var feriados = $("#fechaFeriados_temp").val();

                                  var arrayFeriados = feriados.split(',');

                                  for (var i = 0; i <arrayFeriados.length; i++) {
                                    var arreglo=arrayFeriados[i].split('-');
                                    var año = arreglo[0];
                                    var mes=arreglo[1];
                                    var dia=arreglo[2];

                                        $("#fechaMultiple").multiDatesPicker({

                                            addDates: [mes+'/'+dia+'/'+año],
                                            numberOfMonths: [1,1]

                                        });

                                    }


                                });
</script>-->